﻿<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="CarrinhoCompras.aspx.cs" Inherits="Ecommerce.Web.CarrinhoCompras" %>
<%@ Register Tagprefix="ctrlBox" Tagname="ctrlProdutosRelacionados" Src="~/UserControl/ProdutosRelacionados.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="Scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {

            $("#<%=txtCep.ClientID%>").mask(
                '99999-999',
                { placeholder: " " }
            );

        });
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TopoContent" runat="server">
    <div class="tit_tela">
        Carrinho de Compras
    </div>
    <div class="btn_prosseguir">
        <div class="txt_menu_c">
            <asp:LinkButton ID="lbProsseguirCompraTopo" runat="server" OnClick="lbProsseguirCompraTopo_Click">
                Prosseguir com a compra
            </asp:LinkButton>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <div class="miolo_carrinho_b">

        <div class="miolo_box_carrinho_inf">
            <table width="900" border="0" cellpadding="0" cellspacing="0" style="background-color:#FFF">
                <tr style="background-color:#CCCCCC;">
                    <td style="width:110px">&nbsp;</td>
                    <td style="width:360px" class="txt_tipo_b_tabela_header">Nome do produto</td>
                    <td class="txt_tipo_b_tabela_header">Preço Unitário</td>
                    <td style="width:45px" class="txt_tipo_b_tabela_header">Qtd</td>
                    <td class="txt_tipo_b_tabela_header">Subtotal</td>
                    <td class="txt_tipo_b_tabela_header">Exluir</td>
                </tr>
                <asp:Repeater ID="rptCarrinho" runat="server" OnItemDataBound="rptCarrinho_ItemDataBound"
                    OnItemCommand="rptCarrinho_ItemCommand">
                    <ItemTemplate>
                        <tr style="height:95px">
                            <td style="text-align:center;vertical-align:middle">
                                <asp:Image ID="imgProduto" runat="server" Width="97" Height="80" border="0" />
                            </td>
                            <td class="txt_tipo_a_tabela">
                                <strong><asp:Literal ID="liProduto" runat="server"></asp:Literal></strong><br />
                                <asp:Label ID="lblDescAbre" CssClass="box_cc_fonte_desc_prod" runat="server" Text="Label"></asp:Label>
                            </td>
                            <td class="txt_tipo_b_tabela">
                                <asp:Literal ID="liPreco" runat="server"></asp:Literal>
                            </td>
                            <td class="txt_tipo_a_tabela">
                                <div class="box_cc_det_prod_campo_qtd">
                                    <asp:TextBox ID="txtQuantidade" CssClass="box_cc_det_prod_campo_qtd_txt" MaxLength="4" runat="server" OnTextChanged="txtQuantidade_TextChanged" AutoPostBack="true"></asp:TextBox>
                                </div>
                            </td>
                            <td class="txt_tipo_b_tabela">
                                <asp:Literal ID="liTotal" runat="server"></asp:Literal>
                            </td>
                            <td class="txt_tipo_a_tabela">
                                <asp:LinkButton ID="lbExcluir" runat="server">
                                    <asp:Image ID="img" runat="server" ImageUrl="~/images/Delete.png" Border="0" />
                                </asp:LinkButton>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="6" style="background-color:#E5E5E5;height:1px;"></td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
            </table>
        </div>
    </div>
    <div class="box_frete">
        <div class="coluna_prod_relacionados">
            <div class="top_coluna_prod_relacionado">
                <ctrlBox:ctrlProdutosRelacionados ID="ctrlProdutosRelacionados" runat="server" />
            </div>
        </div>
        <div class="box_frete_b">
            <div class="box_cep_sub_tit_tela">
                Calcular Frete
                <asp:RequiredFieldValidator ID="RequiredFieldValidatorFrete" runat="server" Text="Informe o CEP" ErrorMessage="Informe o CEP" ControlToValidate="txtCep" ValidationGroup="frete" ></asp:RequiredFieldValidator>
            </div>
            <div class="box_cep">
                <div class="box_cep_tit">
                    Informe o CEP
                </div>
                <div class="box_cc_num_cep">
                    <asp:TextBox ID="txtCep" runat="server" CssClass="box_cc_num_cep_txt" MaxLength="9"></asp:TextBox>
                </div>
                <div class="bt_calcular_frete">
                    <div class="txt_menu_c">
                        <asp:LinkButton ID="lbCalcularFrete" runat="server" OnClick="lbCalcularFrete_Click" ValidationGroup="frete">
                            Calcular frete
                        </asp:LinkButton>
                    </div>
                </div>
            </div>
            
            <div class="box_cupom_main">
                <div class="box_cupom_tit">Cupom</div>
                <div class="box_cupom">
                    <div class="box_cupom_tit_min">Informe o código do cupom</div>
                    <div class="box_cc_num_cep">
                        <asp:TextBox ID="txtCupom" runat="server" CssClass="box_cc_num_cep_txt" MaxLength="9"></asp:TextBox>
                    </div>
                    <div class="bt_calcular_frete">
                        <div class="txt_menu_c">
                            <asp:LinkButton ID="lbCalcularCupom" runat="server" onclick="lbCalcularCupom_Click" ValidationGroup="cupom">
                                Utilizar Cupom
                            </asp:LinkButton>
                        </div>
                    </div>
                </div>
            </div>

            <div class="box_finalizar_compra">
                <div class="mini_tabela">
                    <table width="220" border="0" cellpadding="2" cellspacing="2">
                        <tr>
                            <td valign="top" class="txt_tipo_c_tabela">Frete</td>
                            <td class="txt_tipo_c_tabela"><strong><asp:Literal ID="liFrete" runat="server"></asp:Literal></strong></td>
                        </tr>
                        <tr>
                            <td valign="top" class="txt_tipo_c_tabela">Subtotal</td>
                            <td class="txt_tipo_c_tabela"><strong><asp:Literal ID="liSubtotal" runat="server"></asp:Literal></strong></td>
                        </tr>
                        <tr>
                            <td valign="top" class="txt_tipo_c_tabela">Desconto Cupom</td>
                            <td class="txt_tipo_c_tabela"><strong style="color: Red;"><asp:Literal ID="liCupom" runat="server"></asp:Literal></strong></td>
                        </tr>
                        <tr>
                            <td class="txt_tipo_c_tabela" valign="top">Total</td>
                            <td class="txt_tipo_c_tabela"><strong><asp:Literal ID="liTotal" runat="server"></asp:Literal></strong></td>
                        </tr>
                    </table>
                </div>
                <div class="btn_prosseguir_b">
                    <div class="txt_menu_c">
                        <asp:LinkButton ID="lbProsseguirCompra" runat="server" OnClick="lbProsseguirCompraTopo_Click">
                            Prosseguir com a compra
                        </asp:LinkButton>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
